@rem:75rem;
*{
    margin:0px;
    padding:0px;
}
html{
    height:100%;
}
body{
    width:100%;
    height: 100%;
    font-family: helvetica;
    color: rgb(51,51,51);
    overflow-x: hidden;
}
a{
    text-decoration:none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;

} 
input:not([type="radio"]){
    border: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
select{
    border: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
textarea{
    border: none;
    -webkit-tap-highlight-color: transparent;
}
div,p{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
li{
    list-style-type: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    color: rgb(51,51,51);
}
strong,em{
    font-weight: normal;
    font-style: normal;
    -webkit-tap-highlight-color:transparent;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}

.top{
    position: relative;
    width: 100%;
    font-size: 0;
    nav{
        height: 88/@rem;
        .left{
            display: inline-block;
            width: 88/@rem;
            height: 100%;
        }
        .left_open{
            background: url(../images/in_cl.png) no-repeat center center;
            background-size: 38/@rem;
        }
        .left_close{
            background: url(../images/in_dh.png) no-repeat center center;
            background-size: 38/@rem;
        }
        .logo{
            display: inline-block;
            vertical-align: top;
            width: 572/@rem;
            height: 100%;
            background: url(../images/in_logo.png) no-repeat center center;
            background-size: 228/@rem 50/@rem;
        }
        .right{
            display: inline-block;
            width: 88/@rem;
            height: 100%;
        }
        .right_open{
            background: url(../images/in_cl.png) no-repeat center center;
            background-size: 38/@rem;
        }
        .right_close{
            background: url(../images/in_yh.png) no-repeat center center;
            background-size: 38/@rem;
        }
    }
    .open_list{
        display: none;
        position: absolute;
        top: 88/@rem;
        left: 10/@rem;
        width: 730/@rem;
        background-color: #fff;
        z-index:100;
        padding: 30/@rem 0;
        box-sizing: border-box;
        border-top: solid 1px #efefef;
        li{
            width: 100%;
            height: 60/@rem;
            font-size: 24/@rem;
            color: #666666;
            line-height: 60/@rem;
            a,a:visited{
                padding-left: 48/@rem;
                box-sizing: border-box;
                display: block;
                width: 100%;
                height: 100%;
                color: #666666;
            }
        }
        .open_list_class{
            height: auto;
        }
        .jt{
            display: inline-block;
            margin-left: 20/@rem;
            width: 0;
            height: 0;
            border-top: 7/@rem solid transparent;
            border-left: 7/@rem solid #000;
            border-bottom: 7/@rem solid transparent;
        }
        ul{
            display: none;
            width: 100%;
            a{
                padding-left: 96/@rem;
            }
        }
        .a_active,.a_active:visited{
            color: #1895d3;
            background-color: #f7f6f6;
            .jt{
                border-left: 7/@rem solid transparent;
                border-top: 7/@rem solid #1895d3;
                border-right: 7/@rem solid transparent;
            }
        }
    }
    .me_list{
        display: none;
        position: absolute;
        top: 76/@rem;
        right: 28/@rem;
        width: 123/@rem;
        height: 227/@rem;
        z-index:100;
        text-align: center;
        padding-top: 24/@rem;
        box-sizing: border-box;
        background-image: url(../images/me.png);
        background-size: cover;
        li{
            width: 100%;
            height: 64/@rem;
            font-size: 24/@rem;
            color: #666666;
            line-height: 64/@rem;
            a,a:visited{
                display: block;
                width: 100%;
                height: 100%;
                color: #666666;
            }
        }
        .a_active,.a_active:visited{
            color: #1895d3;
        }
    }
}
.bottom{
    padding-top: 10/@rem;
    border-top: solid 4/@rem #ededed;
    text-align: center;
    padding-bottom: 20/@rem;
    h1{
        font-size: 24/@rem;
        line-height: 38/@rem;
        height: 38/@rem;
        color: #747474;
    }
    p{
        font-size: 22/@rem;
        line-height: 36/@rem;
        height: 36/@rem;
        color: #747474;
    }
}
.roll_wrap{
    width: 100%;
    height:240/@rem;
    overflow:hidden;
    position:relative;
    margin:50/@rem auto;
    box-sizing: border-box;
    font-size: 0;
    .roll_main{ 
        position:absolute; 
        left:0; 
        top:0;
        height:100%;
    }
    .roll_main li{
        width:380/@rem;
        height:100%; 
        padding:0 25/@rem; 
        float:left; 
        img{
            width: 100%;
            height: 100%;
        }
    }
}
.contact_information{
    text-align: left;
    img{
        width: 140/@rem;
        height: 140/@rem;
        margin-right: 28/@rem;
        float: left;
    }
    div{
        float: left;
        p{
            margin-bottom: 20/@rem;
            height: 22/@rem;
            line-height: 22/@rem;
            span{
                font-size: 22/@rem;
                color: #111111;
                font-weight: bold;
                em{
                    text-align: left;
                    display: inline-block;
                    font-weight: normal;
                    width: 160/@rem;
                }
                .mess_left{
                    width: 140/@rem;
                }
            }
        }
    }
}
.cooperation_ewm{
    text-align: center;
    font-size: 0;
    margin-bottom: 20/@rem;
    img{
        width: 152/@rem;
        height: 152/@rem;
        margin: 22/@rem 0 22/@rem 0;
    }
    p{
        font-size: 22/@rem;
        line-height: 30/@rem;
        height: 60/@rem;
        color: #666666;
    }
}
.cooperation_title{
    padding: 30/@rem 0 0/@rem 0;
    box-sizing: border-box;
    text-align: center;
    h1{
        font-size: 24/@rem;
        line-height: 24/@rem;
        height: 24/@rem;
        margin-bottom: 8/@rem;
        color: #1a95d4;
        font-weight: bold;
    }
    h2{
        font-size: 14/@rem;
        line-height: 14/@rem;
        height: 14/@rem;
        color: #1a95d4;
        text-transform: uppercase;
        font-weight: bold;
    }
    .contact_information{
        padding: 10/@rem 0 30/@rem 34/@rem;
        box-sizing: border-box;
        border-bottom: dashed 1px #111111;
    }
    
}

.list_h2{
     display: box;           
     display: -webkit-box;     
     display: -moz-box;      
     display: -ms-flexbox;     
     display: -webkit-flex;   
     display: flex;           
     -webkit-box-orient: horizontal;
     -webkit-flex-direction: row;
     -moz-flex-direction: row; 
     -ms-flex-direction: row;
     -o-flex-direction: row;
     flex-direction: row;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    span{
        display: block;
        -webkit-flex-grow:1;
        -moz-flex-grow:1;
        -ms-flex-grow:1;
        -o-flex-grow:1;
        flex-grow:1;
    }
    span:nth-of-type(2){
        font-size: 0;
        height: 50/@rem;
        line-height: 50/@rem;
        color: #fff;
        -webkit-flex-grow:0;
        -moz-flex-grow:0;
        -ms-flex-grow:0;
        -o-flex-grow:0;
        flex-grow:0;
        em{
            display: inline-block;
            vertical-align: top;
            font-size: 0;
        }
        em:first-of-type{
            width: 12/@rem;
            height: 50/@rem;   
            background-image: url(../images/h2_left.png);
            background-size: cover;
        }
        em:nth-of-type(2){
            font-size: 24/@rem;
            width: auto;
            height: 50/@rem;
            padding: 13/@rem 4/@rem 0 4/@rem;
            box-sizing: border-box;
            line-height: 24/@rem;
            background-image: url(../images/h2_center.png); 
            background-repeat: repeat-x;
            background-size: contain;
        }
        em:last-of-type{
            width: 12/@rem;
            height: 50/@rem;
            background-image: url(../images/h2_right.png);
            background-size: cover;
        }
    }
    span:first-of-type{
        min-width: 10/@rem;
        height: 6/@rem;
        background-color: #a0a0a0;
        border-bottom: solid 1px #545454;
    }
    span:last-of-type{
        min-width: 10/@rem;
        height: 6/@rem;
        background-color: #a0a0a0;
        border-bottom: solid 1px #545454;
    }
}
.list_h3{
     display: box;           
     display: -webkit-box;     
     display: -moz-box;      
     display: -ms-flexbox;     
     display: -webkit-flex;   
     display: flex;           
     -webkit-box-orient: horizontal;
     -webkit-flex-direction: row;
     -moz-flex-direction: row; 
     -ms-flex-direction: row;
     -o-flex-direction: row;
     flex-direction: row;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    span{
        display: block;
        -webkit-flex-grow:1;
        -moz-flex-grow:1;
        -ms-flex-grow:1;
        -o-flex-grow:1;
        flex-grow:1;
    }
    span:nth-of-type(2){
        font-size: 14/@rem;
        height: 34/@rem;
        line-height: 34/@rem;
        color: #666666;
        text-transform: uppercase;
        -webkit-flex-grow:0;
        -moz-flex-grow:0;
        -ms-flex-grow:0;
        -o-flex-grow:0;
        flex-grow:0;
        
    }
    span:first-of-type{
        min-width: 10/@rem;
        height: 1px;
        box-sizing: border-box;
        border-bottom: dashed 1px #b9b9b9;
    }
    span:last-of-type{
        min-width: 10/@rem;
        height: 1px;
        box-sizing: border-box;
        border-bottom: dashed 1px #b9b9b9;
    }
}
.list_mess{
    padding: 8/@rem 0 20/@rem 30/@rem;
    box-sizing: border-box;
    .nullhang{
        display: block;
        width: 100%;
        height: 12/@rem;
    }
    p{
        font-size: 22/@rem;
        line-height: 40/@rem;
        color: #666666;
        font-weight: bold;
        span{
            display: block;
            em{
                display: block;
                font-weight: normal;
            }
        }
        span:first-of-type{
            float: left;
        }
        span:last-of-type{
            float: left;
            width: 520/@rem;
        }
    }
}
.swiper-list{
    .swiper-container{
        height: 350/@rem;
    }
    .img img{
        width: 100%;
        height: 350/@rem;
    }
    .img2{
        margin: auto;
        width: 360/@rem;
        height: 100%;
        font-size: 0;
        img{
            width: 100%;
            height: 260/@rem;
        }
        p{
            width: 100%;
            height: 52/@rem;
            line-height: 52/@rem;
            font-size: 22/@rem;
            color: #fff;
            text-align: center;
            background-color: #939393;
        }
    }
    .swiper-button-prev,.swiper-button-next{
        width: 52/@rem;
        height: 52/@rem;
        border-radius: 6/@rem;               
    }
    .swiper-button-prev{
        background: url(../images/left.png) no-repeat center center rgba(0,0,0,0.3);
        background-size: 18/@rem 28/@rem;
    }
    .swiper-button-next{
        background: url(../images/right.png) no-repeat center center rgba(0,0,0,0.3);
        background-size: 18/@rem 28/@rem;
    }
    .swiper-pagination{
        right: auto;
        bottom: 30/@rem;
        .swiper-pagination-bullet{
            width: 8/@rem;
            height: 8/@rem;
            margin: 0 7/@rem;
        }
    }
}
.all_more,.amore:visited{
    display: block;
    margin: auto;
    margin-top: 30/@rem;
    width: 110/@rem;
    height: 46/@rem;
    line-height: 46/@rem;
    text-align: center;
    border-radius: 6/@rem;
    background-color: #1a95d4;
    color: #fff;
    font-size: 22/@rem;
    position: relative;
    bottom: 30/@rem;
}
.img_list{
    position: relative;
    padding: 24/@rem 0 0 25/@rem;
    box-sizing: border-box;
    li{
        float: left;
        margin: 0 30/@rem;
        width: 290/@rem;
        height: ;
        font-size: 0;
        text-align: center;
        margin-bottom: 36/@rem;
        img{
            width: 100%;
            height: 295/@rem;
        }
        p{
            line-height: 22/@rem;
            margin-top: 20/@rem;
            font-size: 22/@rem;
            color: #666666;
        }
    }
}
.img_list2{
    position: relative;
    padding: 24/@rem 0 0 19/@rem;
    box-sizing: border-box;
    li{
        float: left;
        width: 320/@rem;
        margin: 0 18/@rem;
        font-size: 0;
        text-align: center;
        margin-bottom: 36/@rem;
        img{
            width: 100%;
            height: 240/@rem;
        }
    }
}
.top_img{
    font-size: 0;
    width: 100%;
    height: 350/@rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.read_mess{
    padding: 22/@rem 32/@rem;
    box-sizing: border-box;
    border-bottom: dashed 1px #666666;
    font-size: 24/@rem;
    line-height: 36/@rem;
    max-height: 10000px;
    color: #666666; 
}
.list_bg{
    margin-bottom: 30/@rem;
    padding-bottom: 0;
    box-sizing: border-box;
    padding-top: 30/@rem;
    background-color: #f4f4f4;
}
.recent_course_list{
    text-align: center;
    margin: 0 50/@rem;
    padding: 30/@rem 0;
    box-sizing: border-box;
    border-bottom: dashed 1px #666666;
    p{
        height: 40/@rem;
        line-height: 40/@rem;
        font-size: 22/@rem;
        color: #666666;
    }
}
.recent_course_list:last-of-type{
    border: none;
}
